<!DOCTYPE html>
<!--[if IE 8]> <html lang="{{ getLang('htmlTag', 'lang') }}" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="{{ getLang('htmlTag', 'lang') }}" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="{{ getLang('htmlTag', 'lang') }}"> <!--<![endif]-->

<!-- START @HEAD -->
<head>
    <!-- START @META SECTION -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="{{ getLang('fieldsAdminLogin', 'description') }}">
    <title>{{ getLang('fieldsAdminLogin', 'title') }}</title>
    <!--/ END META SECTION -->

    <!-- START @FONT STYLES -->
    <link href="{{ asset('style/plugins/googleFonts/css.css') }}" rel="stylesheet">
    <!--/ END FONT STYLES -->

    <!-- START @GLOBAL MANDATORY STYLES -->
    <link href="{{ asset('style/plugins/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
    <!--/ END GLOBAL MANDATORY STYLES -->

    <!-- START @PAGE LEVEL STYLES -->
    <link href="{{ asset('style/plugins/fontawesome/css/font-awesome.min.css') }}" rel="stylesheet">
    <link href="{{ asset('style/plugins/animate.css/animate.min.css') }}" rel="stylesheet">
    <!--/ END PAGE LEVEL STYLES -->

    <!-- START @THEME STYLES -->
    <link href="{{ asset('style/admin/css/reset.css') }}" rel="stylesheet">
    <link href="{{ asset('style/admin/css/layout.css') }}" rel="stylesheet">
    <link href="{{ asset('style/admin/css/components.css') }}" rel="stylesheet">
    <link href="{{ asset('style/admin/css/plugins.css') }}" rel="stylesheet">
    <link href="{{ asset('style/admin/css/themes/default.theme.css') }}" rel="stylesheet" id="theme">
    <link href="{{ asset('style/admin/css/pages/sign-type-2.css') }}" rel="stylesheet">
    <!--/ END THEME STYLES -->

    <!-- START @IE SUPPORT -->
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="{{ asset('style/plugins/html5shiv/html5shiv.min.js') }}"></script>
    <script src="{{ asset('style/plugins/respond-minmax/respond.min.js') }}"></script>
    <![endif]-->
    <!--/ END IE SUPPORT -->
</head>
<!--/ END HEAD -->
<body class="page-sound page-backstretch">

<!--[if lt IE 9]>
<?php echo getLang('Tips', 'ieTips'); ?>
<![endif]-->

<!-- START @SIGN WRAPPER -->
<div id="sign-wrapper">

    <!-- Brand -->
    <div class="brand">
        <img src="{{ asset('style/admin/img/220x100.png') }}" alt="brand logo"/>
    </div>
    <!--/ Brand -->
    @if (count($errors) > 0)
    <div class="modal modal-danger bs-example-modal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">{{ getLang('Tips', 'error') }}</h4>
                </div>
                <div class="modal-body">
                    @foreach ($errors->all() as $error)
                        <p>{{ $error }}</p>
                    @endforeach
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">{{ getLang('fieldsAdminLogin', 'buttonKnow') }}</button>
                </div>
            </div>
        </div><!-- /.modal-dialog -->
    </div>
    @endif

    <!-- Login form -->
    <form class="sign-in form-horizontal shadow no-overflow" action="" method="post">
        {!! csrf_field() !!}
        <div class="sign-header">
            <div class="form-group">
                <div class="sign-text">
                    <span>{{ getLang('fieldsAdminLogin', 'signText') }}</span>
                </div>
            </div><!-- /.form-group -->
        </div><!-- /.sign-header -->
        <div class="sign-body">
            <div class="form-group">
                <div class="input-group input-group-lg rounded no-overflow">
                    <input type="text" class="form-control input-sm" placeholder="Username" name="name" value="{{ old('name') }}">
                    <span class="input-group-addon"><i class="fa fa-user"></i></span>
                </div>
            </div><!-- /.form-group -->
            <div class="form-group">
                <div class="input-group input-group-lg rounded no-overflow">
                    <input type="password" class="form-control input-sm" placeholder="Password" name="password">
                    <span class="input-group-addon"><i class="fa fa-lock"></i></span>
                </div>
            </div><!-- /.form-group -->
        </div><!-- /.sign-body -->
        <div class="sign-footer">
            <div class="form-group">
                <div class="row">
                    <div class="col-xs-6">
                        <div class="ckbox ckbox-theme">
                            <input id="rememberme" name="remember" type="checkbox" @if(old('remember')) checked @endif>
                            <label for="rememberme" class="rounded">{{ getLang('fieldsAdminLogin', 'rememberMe') }}</label>
                        </div>
                    </div>
                </div>
            </div><!-- /.form-group -->
            <div class="form-group">
                <button type="submit" class="btn btn-theme btn-lg btn-block no-margin rounded" id="login-btn">{{ getLang('fieldsAdminLogin', 'buttonLogin') }}</button>
            </div><!-- /.form-group -->
        </div><!-- /.sign-footer -->
    </form><!-- /.form-horizontal -->
    <!--/ Login form -->

</div><!-- /#sign-wrapper -->
<!--/ END SIGN WRAPPER -->

<!-- START JAVASCRIPT SECTION (Load javascripts at bottom to reduce load time) -->
<!-- START @CORE PLUGINS -->
<script src="{{ asset('style/plugins/jquery/jquery.min.js') }}"></script>
<script src="{{ asset('style/plugins/jquery-cookie/jquery.cookie.js') }}"></script>
<script src="{{ asset('style/plugins/bootstrap/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('style/plugins/jquery-easing-original/jquery.easing.1.3.min.js') }}"></script>
<script src="{{ asset('style/plugins/ionsound/js/ion.sound.min.js') }}"></script>
<!--/ END CORE PLUGINS -->

<!-- START @PAGE LEVEL PLUGINS -->
<script src="{{ asset('style/plugins/jquery-validation/dist/jquery.validate.min.js') }}"></script>
<script src="{{ asset('style/plugins/jquery-backstretch/jquery.backstretch.min.js') }}"></script>
<!--/ END PAGE LEVEL PLUGINS -->

<!-- START @PAGE LEVEL SCRIPTS -->
<script src="{{ asset('style/admin/js/pages/blankon.sign.js') }}"></script>
<script src="{{ asset('style/admin/js/pages/blankon.sign.type2.js') }}"></script>
<!--/ END PAGE LEVEL SCRIPTS -->
<!--/ END JAVASCRIPT SECTION -->
@if (count($errors) > 0)
<script>
    $(function(){
        $('#myModal').modal({
            show:true,
            backdrop:true
        })
    });
</script>
@endif
</body>
<!-- END BODY -->
</html>